<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>OSCHINA - 中文开源技术交流社区</title>
	<link rel="icon" type="imge/x-icon" href="img/favicon.ico">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration: none;
        }
        li{
            list-style: none;
        }
        /*----------------头部-----------------*/
        header{
            width: 100%;
            height: 80px;
            display: flex;
            background-color: #fff;
            justify-content: center;
            align-items: center;
            flex-wrap:nowrap ;
            box-shadow: 0 3px 10px #F2F2F2;
            position: fixed;
            z-index: 10;
        }
        header img.img1{
            height: 60px;
            margin:0 3% 0 0;
            /*LOGO*/
        }
        header div.head_1{
            width: 35%;
        }
        header div.head_1 ul{
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap:nowrap;
        }
        header div.head_1 ul li{
            font-size: 18px;
            flex: 1 0 auto;
        }
        header div.head_1 ul li a{
            color: #666666;
        }
        header div.head_1 ul li a:hover{
            color: black;
        }
        header div.head_2{
            width: 200px;
            height: 25px;
            border: #DADCE0 1px solid;
            background-color: #F7F8F9;
            border-radius: 20px;
            color: #999999;
            font-size: 12px;
            display: flex;
            flex-wrap: nowrap;
            line-height: 30px;
            padding:0px 0px 0px 10px;
            margin-left: 2%;
        }
        header div.head_2 input{
            background-color: transparent;
            border: none;
            outline: none;
			flex: 1 0 auto;
        }
        header div.head_2 button{
            background: none;
            border: none;
            width: 40px;
			text-align: center;
            cursor: pointer;
            color: #999999;
        }
        header div.head_3{
            margin-left: 3%;
            width: 10%;
        }
        header div.head_3 ul{
            font-size:18px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap:nowrap ;
        }
        header div.head_3 ul li{
            flex: 1 0 auto;
        }
        header div.head_3 ul li a{
            color: #999999;
        }
        header div.head_3 ul li a:hover{
            color: #666666;
        }
       /*----------------主体-----------------*/
        main{
            background-color: #F7F8F9;
            padding: 100px 0 20px 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        main>div{
            box-shadow: 0 0 5px #999999;
        }
        /*----------------焦点图-----------------*/
        @keyframes dt {
            0%,100%{
                background-image: url(img/big1.png);
                background-size: 100% 280px;
                background-repeat: no-repeat;
            }
            35%{
                background-image: url(img/big2.jpg);
                background-size: 100% 280px;
                background-repeat: no-repeat;
            }
            70%{
                background-image: url(img/big3.png);
                background-size: 100% 280px;
                background-repeat: no-repeat;
            }
        }
        main div.datu{
            border-radius: 10px;
            width: 80%;
            height: 280px;
            animation-name: dt;
            animation-duration: 8s;
            animation-iteration-count: infinite;
            margin-bottom: 20px;
            cursor: pointer;
            position: relative;
        }
        main div.datu ul{
            position: absolute;
            bottom: 5%;
            right: 10%;
            background-color: rgba(0,0,0,.3);
            border-radius: 10px;
            width: 150px;
            height: 10px;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        main div.datu ul li{
            background-color: #fff;
            height: 8px;
            width: 8px;
            border-radius: 50%;
            opacity: 0.3;
            transition: all 0.2s;
        }
        main div.datu ul li:hover{
            opacity: 1;
        }
		/*----------------小导航栏四块-----------------*/
		main div.typeArea0{
			width: 80%;
			border-radius: 10px;
			height: 130px;
			margin-bottom: 20px;
		}
		main div.typeArea0 ul{
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
		}
		main div.typeArea0 ul li{
            height: 130px;
			flex: 1 1 auto;
			background-color: #fff;
			display: flex;
			justify-content: center;
			align-content: flex-end;
			padding-top: 20px;
			box-sizing: border-box;
		}
		main div.typeArea0 ul li:nth-of-type(1){
			border-radius: 10px 0 0 10px;
			}
		main div.typeArea0 ul li:nth-of-type(5){
				border-radius: 0 10px 10px 0;
				}
		main div.typeArea0 ul li a{
			color: #666666;
			text-align: center;
		}
		main div.typeArea0 ul li img{
			height: 70px;
			border-radius: 50%;
			display: block;
			margin-bottom: 10px;
		}
		/*----------------左侧版心及主要内容-----------------*/
        main div.typeArea1{
            width: 59.5%;
            height: 100%;
            margin-right: 1.5%;
            background-color: #FFFFFF;
            border-radius: 10px;
            overflow: hidden;
            /*background-color: #0D3068;*/
        }
        main div.typeArea1 div[class*=tA1_]{
            height: 100%;
            margin-bottom: 10px;
            column-count: 2;
            column-gap: 2%;
>        }
        main div.typeArea1 div.ta1,
        main div.typeArea1 div.ta2{
            width: 100%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: center;
        }
        main div.typeArea1 div.ta1 div.taH1,
        main div.typeArea1 div.ta2 div.taH1{
            width: 90%;
            height: 30px;
            padding-top: 10px;
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            border-bottom: #ECEDEE 2px solid;
        }
        main div.typeArea1 div.ta1 div.taH1 a,
        main div.typeArea1 div.ta2 div.taH1 a{
            color: #666666;
        }
        main div.typeArea1 div.ta1 .tabody,
        main div.typeArea1 div.ta2 .tabody{
            width: 90%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        main div.typeArea1 div.ta1 .tabody h3,
        main div.typeArea1 div.ta2 .tabody h3{
            font-size: 16px;
            margin-top: 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        main div.typeArea1 div.ta1 .tabody p,
        main div.typeArea1 div.ta2 .tabody p{
            width: 100%;
            font-size: 12px;
            line-height: 30px;
            margin: 5px 0 5px 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        main div.typeArea1 div.ta1 .tabody p a,
        main div.typeArea1 div.ta2 .tabody p a{
            color: #666666;
        }
        main div.typeArea1 div.ta1 .tabody ul,
        main div.typeArea1 div.ta2 .tabody ul{
            width: 100%;
            line-height: 25px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        main div.typeArea1 div.ta1 .tabody ul li.li1,
        main div.typeArea1 div.ta2 .tabody ul li.li1{
            list-style: disc;
            width: 80%;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        main div.typeArea1 div.ta1 .tabody li.li2,
        main div.typeArea1 div.ta2 .tabody li.li2{
            color: #666666;
            font-size: 12px;
        }
        main div.typeArea1 div.ta1 .tabody a,
        main div.typeArea1 div.ta2 .tabody a{
            color: #000000;
        }
        main div.typeArea1 div.ta1 .tabody a:hover,
        main div.typeArea1 div.ta2 .tabody a:hover{
            color: #0100FF;
        }
        /*----------------左侧版心小块内容-----------------*/
        main div.typeArea1 div.ta3{
            margin: auto;
            width: 95%;
            height: 130px;
            background-color: #FAA53B;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        main div.typeArea1 div.ta3 .ta3_1,
        main div.typeArea1 div.ta3 .ta3_2{
            height: 100%;
            padding-left: 3%;
        }
        main div.typeArea1 div.ta3 .ta3_1{
            flex: 2 1 auto;
            background: linear-gradient(#FFF4EF,#FFFFFF);
        }
        main div.typeArea1 div.ta3 .ta3_2{
            flex: 6 1 auto;
            background: linear-gradient(#E2F1FF,#FFFFFF);
        }
        main div.typeArea1 div.ta3 .ta3_1 h4,
        main div.typeArea1 div.ta3 .ta3_2 h4{
            width: 100%;
            height: 25px;
            line-height: 30px;
            font-weight: 400;
        }
        main div.typeArea1 div.ta3 .ta3_1 h4{
            color: #A21B1B;
        }
        main div.typeArea1 div.ta3 .ta3_2 h4{
            color: #346FB6;
        }
        main div.typeArea1 div.ta3 .ta3_1 ul,
        main div.typeArea1 div.ta3 .ta3_2 ul{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        main div.typeArea1 div.ta3 .ta3_1 ul li,
        main div.typeArea1 div.ta3 .ta3_2 ul li{
            font-size: 14px;
            height: 40px;
            width: 16%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 40px;
        }
        main div.typeArea1 div.ta3 .ta3_1 ul li{
            width: 50%;
        }
        main div.typeArea1 div.ta3 .ta3_1 ul li a,
        main div.typeArea1 div.ta3 .ta3_2 ul li a{
            color: #000000;
        }
        main div.typeArea1 div.ta3 .ta3_1 ul li a:hover,
        main div.typeArea1 div.ta3 .ta3_2 ul li a:hover{
            color: #0100FF;
        }
        /*----------------右侧侧边栏-----------------*/
        main div.typeArea2{
            height: 100%;
            width: 19%;
            box-shadow: none;
        }
        main div.typeArea2 div[class*=tA2_]{
            height: 360px;
            padding: 10px;
            margin-bottom: 10px;
            background-color: #FFFFFF;
            border-radius: 10px;
            box-shadow: 0 0 5px #999999;
        }
        main div.typeArea2 div[class*=tA2_] h3{
            height: 40px;
            font-size: 14px;
            line-height: 40px;
            width: 100%;
            font-weight: 400;
        }
        main div.typeArea2 div[class*=tA2_] h3 span{
            float: right;
            font-size: 12px;
            color: #666666;
        }
        /*----------------底部-----------------*/
        footer{
            width: 80%;
            margin: auto;
            background-color: #FFFFFF;
            height: 230px;
            padding-top: 20px;
            display: flex;
            justify-content: space-between;
        }
        footer dl{
            margin-right: 2%;
        }
        footer dl dt{
            margin: 10px 0;
            font-weight: 700;
        }
        footer dl dd a{
            font-size: 12px;
            color: #666666;
        }
        footer dl dd a:hover{
            color: #000000;
        }
        footer .fobox{
            width: 120px;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-content: flex-start;
        }
        footer .fobox h3,
        footer .fobox1 h3{
            margin:10px 0;
        }
        footer .fobox p,
        footer .fobox1 p{
            text-align: center;
            font-size: 12px;
        }
        footer .fobox1{
            width: 320px;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-content: flex-start;
        }
        footer .fobox1 button{
            border-radius: 5px;
            border: none;
            background-color: #21B351;
            margin-top: 10px;
            color: #FFFFFF;
            width: 80px;
            height: 30px;
        }
        /*----------------广告-----------------*/
        main div.typeArea{
            width: 95%;
            margin: auto;
            height: 180px;
            overflow: hidden;
            box-sizing: border-box;
            padding-top:40px ;
            margin-bottom: 20px;
            background-image: url(img/download.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            color: #FFFFFF;
            text-align: center;
            line-height: 35px;
        }
        main div.typeArea h1{
            font-size: 25px;
        }
        main div.typeArea h3{
            font-size: 16px;
        }
        main div.typeArea span{
            font-size: 40px;
        }
    </style>
</head>
<body>
<header>
    <img src="img/OSCHINA.png" class="img1">
    <div class="head_1">
        <ul>
            <li><a href="#">资讯</a></li>
            <li><a href="#">专区</a></li>
            <li><a href="#">活动</a></li>
            <li><a href="#">Gitee</a></li>
        </ul>
    </div>
    <div class="head_2">
        <input type="text" placeholder="大家都在搜...">
        <button type="button">
			<svg t="1622608260583" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2591" width="16" height="16"><path d="M938.64603 886.273219l-173.071777-173.074847c53.665247-63.987337 86.075401-146.400325 86.075401-236.446154 0-203.406666-164.895561-368.298134-368.301204-368.298134-203.409736 0-368.302227 164.892491-368.302227 368.298134 0 203.409736 164.892491 368.302227 368.302227 368.302227 89.246627 0 171.055864-31.767518 234.798631-84.579327l173.148525 173.148525c1.576915 1.576915 8.15575-2.443655 14.6957-8.979512l23.675212-23.675212C936.205445 894.428969 940.222945 887.850134 938.64603 886.273219zM483.347426 778.093381c-166.425404 0-301.338093-134.912689-301.338093-301.338093s134.912689-301.338093 301.338093-301.338093S784.685519 310.329884 784.685519 476.755288 649.773853 778.093381 483.347426 778.093381z" p-id="2592"></path></svg>
		</button>
    </div>
    <div class="head_3">
        <ul>
            <li><a href="#">登陆</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </div>
</header>
<main>
    <div class="datu">
        <ul>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
    </div>
	<div class="typeArea0">
		<ul>
			<li>
				<a href="#"><img src="img/ku.jpg">软件库</a>
			</li>
			<li>
				<a href="#"><img src="img/fa.jpg">发现</a>
			</li>
			<li>
				<a href="#"><img src="img/bo.jpg">博客</a>
			</li>
			<li>
				<a href="#"><img src="img/wen.jpg">问答</a>
			</li>
            <li>
                <a href="#"><img src="img/book.jpg">资料</a>
            </li>
		</ul>
	</div>
    <div class="typeArea1">
        <div class="tA1_1">
            <div class="ta1">
                <div class="taH1">
                    <div><a href="#">综合资讯</a></div>
                    <div><a href="#">更多</a></div>
                </div>
                <div class="tabody">
                    <h3><a href="#">QUIC第一版正式发布</a></h3>
                    <p><a href="#">IETF（互联网工程任务组）已将 QUIC 发布为 RFC 9000，并由 RFC 9001, RFC 9002 和 RFC 8999 提供支持。...</a></p>
                    <ul>
                        <li class="li1"><a href="#">优麒麟软件商店 UI 升级之旅 - 带来视觉极致享受</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">赛昉科技加入 openEuler 社区，积极推进开源生态发展</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">六大开源基金会负责人对话，你有什么想问他们？</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">树莓派单独出售 RP2040 芯片，仅售 1 美元</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Angular 计划推出一个自动化功能请求流程</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">开源公告｜微信云端深度学习推理框架 WeChat TFCC 开源啦！</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">面对众多质疑，Google 为 Chrome 浏览器添加 FLoC 广告追踪开关</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">架构耦合是毒性，不谈计量是耍流氓</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">rtfd —— 构建文档的命令工具</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Gitee 推荐 | 高性能纯协程网络通信引擎 Swow</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
            <div class="ta2">
                <div class="taH1">
                    <div><a href="#">软件跟新资讯</a></div>
                    <div><a href="#">更多</a></div>
                </div>
                <div class="tabody">
                    <h3><a href="#">Windows 软件包管理器 1.0 正式发布</a></h3>
                    <p><a href="#">微软在近日举办的 Build 2021 上宣布 Windows 软件包管理器 —— Windows Package Manager 1.0 正式推出...</a></p>
                    <ul>
                        <li class="li1"><a href="#">OpenHarmony 2.0 Canary 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">WxJava 4.1.0 正式版本发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">CoSky 1.1.2 发布 - 基于 Redis 的服务治理平台</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">clop v0.1.1，Go 实现的纯结构体命令行解析器</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Jboot v3.9.15 发布，带来了强大的单元测试能力</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Spring Cloud 2020.0.3 正式版发布，迈特云（MateCloud）同步完成升级</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">ViewxJS v1.5.0 发布，前端 MVC 模板引擎框架</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">novel-plus v3.5.4 发布，原创文学 CMS 系统</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Redis 6.2.4 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">OpenKruise v0.9.0 版本发布：新增 Pod 重启、删除防护等重磅功能</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
        </div>
            <div class="typeArea">
                <h1>已收录<span>12513</span>款开源软件</h1>
                <h3>由国人发起或者国人参与的开源软件</h3>
                <p>我们深知开源无国界，技术无国界。这里讲“国产”只是为了推动国人参与开源的热情。</p>
            </div>
        <div class="ta3">
            <div class="ta3_1">
                <h4>推荐专区</h4>
                <ul>
                    <li><a href="#">飞桨专区</a></li>
                    <li><a href="#">HarmonyOS专区</a></li>
                    <li><a href="#">鲲鹏专区</a></li>
                    <li><a href="#">openEuler</a></li>
                </ul>
            </div>
            <div class="ta3_2">
                <h4>技术专区专区</h4>
                <ul>
                    <li><a href="#">OpenVINO 中文社区</a></li>
                    <li><a href="#">大前端</a></li>
                    <li><a href="#">开发技能</a></li>
                    <li><a href="#">数据库</a></li>
                    <li><a href="#">云计算</a></li>
                    <li><a href="#">飞桨专区</a></li>
                    <li><a href="#">HarmonyOS专区</a></li>
                    <li><a href="#">开源治理</a></li>
                    <li><a href="#">程序人生</a></li>
                    <li><a href="#">软件架构</a></li>
                    <li><a href="#">行业趋势</a></li>
                    <li><a href="#">硬件 & loT</a></li>
                </ul>
            </div>
        </div>
        <div class="tA1_2">
            <div class="ta1">
                <div class="taH1">
                    <div><a href="#">大前端专区</a></div>
                    <div><a href="#">34.9万人关注</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">前端必读：Vue响应式系统大PK</a></li>
                        <li class="li2">35阅</li>
                        <li class="li1"><a href="#">Instagram的UX和UI的演变史</a></li>
                        <li class="li2">1k阅</li>
                        <li class="li1"><a href="#">Vue3 能用到生产环境了吗？</a></li>
                        <li class="li2">5.8k阅</li>
                        <li class="li1"><a href="#">悟透前端：加深Javascript变量函数声明提升理解</a></li>
                        <li class="li2">6.5k阅</li>
                        <li class="li1"><a href="#">一个完整的、全面 k8s 化的集群稳定架构</a></li>
                        <li class="li2">1.1w阅</li>
                    </ul>
                </div>
            </div>
            <div class="ta2">
                <div class="taH1">
                    <div><a href="#">开发技能专区</a></div>
                    <div><a href="#">35万人关注</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">Git 这样回退代码，才足够优雅</a></li>
                        <li class="li2">100阅</li>
                        <li class="li1"><a href="#">Java并发编程专题系列之360度全方位的教你认识网络IO模型</a></li>
                        <li class="li2">4.5k阅</li>
                        <li class="li1"><a href="#">拉仇恨！webhook + 企业微信给同事做了个代码提交监听工具</a></li>
                        <li class="li2">3k阅</li>
                        <li class="li1"><a href="#">dubbo-go v3 版本 go module 踩坑记</a></li>
                        <li class="li2">1.5w阅</li>
                        <li class="li1"><a href="#">内存管理两部曲之虚拟内存管理</a></li>
                        <li class="li2">1.2w阅</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="tA1_3">
            <div class="ta1">
                <div class="taH1">
                    <div><a href="#">数据库</a></div>
                    <div><a href="#">34.9万人关注</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">前端必读：Vue响应式系统大PK</a></li>
                        <li class="li2">135k阅</li>
                        <li class="li1"><a href="#">Instagram的UX和UI的演变史</a></li>
                        <li class="li2">1.2k阅</li>
                        <li class="li1"><a href="#">Vue3 能用到生产环境了吗？</a></li>
                        <li class="li2">4.5k阅</li>
                        <li class="li1"><a href="#">悟透前端：加深Javascript变量函数声明提升理解</a></li>
                        <li class="li2">8k阅</li>
                        <li class="li1"><a href="#">一个完整的、全面 k8s 化的集群稳定架构</a></li>
                        <li class="li2">1.3w阅</li>
                    </ul>
                </div>
            </div>
            <div class="ta2">
                <div class="taH1">
                    <div><a href="#">云计算专区</a></div>
                    <div><a href="#">39.4万人关注</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">Git 这样回退代码，才足够优雅</a></li>
                        <li class="li2">4.5k阅</li>
                        <li class="li1"><a href="#">Java并发编程专题系列之360度全方位的教你认识网络IO模型</a></li>
                        <li class="li2">4.5k阅</li>
                        <li class="li1"><a href="#">拉仇恨！webhook + 企业微信给同事做了个代码提交监听工具</a></li>
                        <li class="li2">3.2k阅</li>
                        <li class="li1"><a href="#">dubbo-go v3 版本 go module 踩坑记</a></li>
                        <li class="li2">4.5k阅</li>
                        <li class="li1"><a href="#">内存管理两部曲之虚拟内存管理</a></li>
                        <li class="li2">1.8w阅</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="tA1_4">
            <div class="ta1">
                <div class="taH1">
                    <div><a href="#">飞桨专区</a></div>
                    <div><a href="#">39.2万人关注</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">优麒麟软件商店 UI 升级之旅 - 带来视觉极致享受</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">赛昉科技加入 openEuler 社区，积极推进开源生态发展</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">六大开源基金会负责人对话，你有什么想问他们？</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">树莓派单独出售 RP2040 芯片，仅售 1 美元</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Angular 计划推出一个自动化功能请求流程</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">开源公告｜微信云端深度学习推理框架 WeChat TFCC 开源啦！</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">面对众多质疑，Google 为 Chrome 浏览器添加 FLoC 广告追踪开关</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">架构耦合是毒性，不谈计量是耍流氓</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">rtfd —— 构建文档的命令工具</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Gitee 推荐 | 高性能纯协程网络通信引擎 Swow</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
            <div class="ta2">
                <div class="taH1">
                    <div><a href="#">HarmonyOS专区</a></div>
                    <div><a href="#">38.2万人关注</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">OpenHarmony 2.0 Canary 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">WxJava 4.1.0 正式版本发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">CoSky 1.1.2 发布 - 基于 Redis 的服务治理平台</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">clop v0.1.1，Go 实现的纯结构体命令行解析器</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Jboot v3.9.15 发布，带来了强大的单元测试能力</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Spring Cloud 2020.0.3 正式版发布，迈特云（MateCloud）同步完成升级</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">ViewxJS v1.5.0 发布，前端 MVC 模板引擎框架</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">novel-plus v3.5.4 发布，原创文学 CMS 系统</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Redis 6.2.4 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">OpenKruise v0.9.0 版本发布：新增 Pod 重启、删除防护等重磅功能</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="ta3"></div>
        <div class="tA1_5">
            <div class="ta1">
                <div class="taH1">
                    <div><a href="#">AI & 大数据专区</a></div>
                    <div><a href="#">38.5万人</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">优麒麟软件商店 UI 升级之旅 - 带来视觉极致享受</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">赛昉科技加入 openEuler 社区，积极推进开源生态发展</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">六大开源基金会负责人对话，你有什么想问他们？</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">树莓派单独出售 RP2040 芯片，仅售 1 美元</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Angular 计划推出一个自动化功能请求流程</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">开源公告｜微信云端深度学习推理框架 WeChat TFCC 开源啦！</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">面对众多质疑，Google 为 Chrome 浏览器添加 FLoC 广告追踪开关</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">架构耦合是毒性，不谈计量是耍流氓</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">rtfd —— 构建文档的命令工具</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Gitee 推荐 | 高性能纯协程网络通信引擎 Swow</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
            <div class="ta2">
                <div class="taH1">
                    <div><a href="#">软件架构专区</a></div>
                    <div><a href="#">34.8万人关注</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">OpenHarmony 2.0 Canary 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">WxJava 4.1.0 正式版本发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">CoSky 1.1.2 发布 - 基于 Redis 的服务治理平台</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">clop v0.1.1，Go 实现的纯结构体命令行解析器</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Jboot v3.9.15 发布，带来了强大的单元测试能力</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Spring Cloud 2020.0.3 正式版发布，迈特云（MateCloud）同步完成升级</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">ViewxJS v1.5.0 发布，前端 MVC 模板引擎框架</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">novel-plus v3.5.4 发布，原创文学 CMS 系统</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Redis 6.2.4 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">OpenKruise v0.9.0 版本发布：新增 Pod 重启、删除防护等重磅功能</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="tA1_6">
            <div class="ta1">
                <div class="taH1">
                    <div><a href="#">综合资讯</a></div>
                    <div><a href="#">更多</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">优麒麟软件商店 UI 升级之旅 - 带来视觉极致享受</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">赛昉科技加入 openEuler 社区，积极推进开源生态发展</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">六大开源基金会负责人对话，你有什么想问他们？</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">树莓派单独出售 RP2040 芯片，仅售 1 美元</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Angular 计划推出一个自动化功能请求流程</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">开源公告｜微信云端深度学习推理框架 WeChat TFCC 开源啦！</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">面对众多质疑，Google 为 Chrome 浏览器添加 FLoC 广告追踪开关</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">架构耦合是毒性，不谈计量是耍流氓</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">rtfd —— 构建文档的命令工具</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Gitee 推荐 | 高性能纯协程网络通信引擎 Swow</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
            <div class="ta2">
                <div class="taH1">
                    <div><a href="#">软件跟新资讯</a></div>
                    <div><a href="#">更多</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">OpenHarmony 2.0 Canary 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">WxJava 4.1.0 正式版本发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">CoSky 1.1.2 发布 - 基于 Redis 的服务治理平台</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">clop v0.1.1，Go 实现的纯结构体命令行解析器</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Jboot v3.9.15 发布，带来了强大的单元测试能力</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Spring Cloud 2020.0.3 正式版发布，迈特云（MateCloud）同步完成升级</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">ViewxJS v1.5.0 发布，前端 MVC 模板引擎框架</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">novel-plus v3.5.4 发布，原创文学 CMS 系统</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Redis 6.2.4 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">OpenKruise v0.9.0 版本发布：新增 Pod 重启、删除防护等重磅功能</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="tA1_7">
            <div class="ta1">
                <div class="taH1">
                    <div><a href="#">综合资讯</a></div>
                    <div><a href="#">更多</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">优麒麟软件商店 UI 升级之旅 - 带来视觉极致享受</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">赛昉科技加入 openEuler 社区，积极推进开源生态发展</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">六大开源基金会负责人对话，你有什么想问他们？</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">树莓派单独出售 RP2040 芯片，仅售 1 美元</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Angular 计划推出一个自动化功能请求流程</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">开源公告｜微信云端深度学习推理框架 WeChat TFCC 开源啦！</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">面对众多质疑，Google 为 Chrome 浏览器添加 FLoC 广告追踪开关</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">架构耦合是毒性，不谈计量是耍流氓</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">rtfd —— 构建文档的命令工具</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Gitee 推荐 | 高性能纯协程网络通信引擎 Swow</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
            <div class="ta2">
                <div class="taH1">
                    <div><a href="#">软件跟新资讯</a></div>
                    <div><a href="#">更多</a></div>
                </div>
                <div class="tabody">
                    <ul>
                        <li class="li1"><a href="#">OpenHarmony 2.0 Canary 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">WxJava 4.1.0 正式版本发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">CoSky 1.1.2 发布 - 基于 Redis 的服务治理平台</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">clop v0.1.1，Go 实现的纯结构体命令行解析器</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Jboot v3.9.15 发布，带来了强大的单元测试能力</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Spring Cloud 2020.0.3 正式版发布，迈特云（MateCloud）同步完成升级</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">ViewxJS v1.5.0 发布，前端 MVC 模板引擎框架</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">novel-plus v3.5.4 发布，原创文学 CMS 系统</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">Redis 6.2.4 发布</a></li>
                        <li class="li2">06/03</li>
                        <li class="li1"><a href="#">OpenKruise v0.9.0 版本发布：新增 Pod 重启、删除防护等重磅功能</a></li>
                        <li class="li2">06/03</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="typeArea2">
        <div class="tA2_1">
            <h3>Gitee项目更新<span>5s后自动更新</span></h3>
        </div>
        <div class="tA2_2">
            <h3>Gitee最新推荐<span><svg t="1622693093117" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1186" width="16" height="16"><path d="M782.222222 512L307.2 1012.622222c-14.222222 11.377778-39.822222 14.222222-51.2 2.844445-8.533333-8.533333-14.222222-28.444444 2.844444-45.511111l440.888889-455.111112L258.844444 56.888889S241.777778 28.444444 264.533333 14.222222c19.911111-14.222222 34.133333-8.533333 42.666667 0L782.222222 512z" fill="#707070" p-id="1187"></path></svg></span></h3>
        </div>
        <div class="tA2_3">
            <h3>活动</h3>
        </div>
        <div class="tA2_4">
            <h3>接活赚钱，技术变现<span><svg t="1622693093117" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1186" width="16" height="16"><path d="M782.222222 512L307.2 1012.622222c-14.222222 11.377778-39.822222 14.222222-51.2 2.844445-8.533333-8.533333-14.222222-28.444444 2.844444-45.511111l440.888889-455.111112L258.844444 56.888889S241.777778 28.444444 264.533333 14.222222c19.911111-14.222222 34.133333-8.533333 42.666667 0L782.222222 512z" fill="#707070" p-id="1187"></path></svg></span></h3>
        </div>
        <div class="tA2_5">
            <h3>每周软件推荐<span><svg t="1622693093117" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1186" width="16" height="16"><path d="M782.222222 512L307.2 1012.622222c-14.222222 11.377778-39.822222 14.222222-51.2 2.844445-8.533333-8.533333-14.222222-28.444444 2.844444-45.511111l440.888889-455.111112L258.844444 56.888889S241.777778 28.444444 264.533333 14.222222c19.911111-14.222222 34.133333-8.533333 42.666667 0L782.222222 512z" fill="#707070" p-id="1187"></path></svg></span></h3>
        </div>
    </div>
</main>
<footer>
    <dl>
        <dt>OSCHINA 社区</dt>
        <dd><a href="#">关于我们</a></dd>
        <dd><a href="#">联系我们</a></dd>
        <dd><a href="#">加入我们</a></dd>
        <dd><a href="#">合作伙伴</a></dd>
        <dd><a href="#">Open API</a></dd>
    </dl>
    <dl>
        <dt>在线工具</dt>
        <dd><a href="#">Gitee.com</a></dd>
        <dd><a href="#">企业研发管理</a></dd>
        <dd><a href="#">CopyCat-代码克隆检测</a></dd>
        <dd><a href="#">实用在线工具</a></dd>
        <dd><a href="#">国家反诈骗中心</a></dd>
    </dl>
    <div class="fobox">
        <h3>QQ交流群</h3>
        <a href="#"><img src="img/qq_qrcode_2_new.png"></a>

    </div>
    <div class="fobox">
        <h3>微信公众号</h3>
        <a href="#"><img src="img/wechat_qrcode.jpg"></a>
    </div>
    <div class="fobox1">
        <h3>OSCHINA APP</h3>
        <P>聚合全网技术文章，根据你的阅读喜好进行个性推荐</P>
        <button type="button">下载 APP</button>
    </div>
</footer>
</body>
</html>